<!doctype html><html lang="zh-cn"
  >
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>教程 - 分类 - 忆尘博客</title><link rel="apple-touch-icon" href="/images/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/images/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/images/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/images/favicons/manifest.json">
<link rel="icon" href="/images/favicons/favicon.ico">
<meta name="keywords" content="忆尘, 博客, 忆尘博客" />
<meta name="description" content="一个快速、响应式和内容丰富的博客" /><meta itemprop="name" content="教程">
<meta itemprop="description" content="一个快速、响应式和内容丰富的博客"><meta property="og:title" content="教程" />
<meta property="og:description" content="一个快速、响应式和内容丰富的博客" />
<meta property="og:type" content="website" />
<meta property="og:url" content="/categories/%E6%95%99%E7%A8%8B/" /><meta property="og:site_name" content="忆尘博客" />

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="教程"/>
<meta name="twitter:description" content="一个快速、响应式和内容丰富的博客"/>
<link rel="alternate" type="application/rss+xml" href="/categories/%E6%95%99%E7%A8%8B/index.xml" title="忆尘博客" /><link rel="preload" href="/css/bundle.min.77f6f3d767d52dbf1ba163aad56e1d8cc4231cd4e80f0aa09daa89f8c99688ef.css" integrity="sha256-d/bz12fVLb8boWOq1W4djMQjHNToDwqgnaqJ&#43;MmWiO8=" crossorigin="anonymous" as="style" onload="this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="/css/bundle.min.77f6f3d767d52dbf1ba163aad56e1d8cc4231cd4e80f0aa09daa89f8c99688ef.css" integrity="sha256-d/bz12fVLb8boWOq1W4djMQjHNToDwqgnaqJ&#43;MmWiO8=" crossorigin="anonymous"></noscript></head>
  <body><script src="/js/bootstrap.min.b5d86dd3a5f60c90be38a252bb65fc1a2732f32e71dc12c051720f0c7aef3cde.js" integrity="sha256-tdht06X2DJC&#43;OKJSu2X8Gicy8y5x3BLAUXIPDHrvPN4=" crossorigin="anonymous"></script><header>
  <link rel="stylesheet" href="https://yandex.st/highlightjs/8.0/styles/default.min.css">

  <script src="https://yandex.st/highlightjs/8.0/highlight.min.js"></script>

  <script>hljs.initHighlightingOnLoad();</script><nav class="navbar top-app-bar top-app-bar-expand-lg fixed-top">
  <div class="container">
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
      aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <i class="fas fa-bars"></i>
    </button><a class="navbar-brand me-3" href="/"><img class="logo" alt="Logo" src="https://yichenblog-picture.oss-cn-hongkong.aliyuncs.com/postsImages/default/logo.webp" loading="lazy"
  
   />
忆尘
    </a>
    <button class="navbar-social-share" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasSocialShare"
  aria-controls="offcanvasSocialShare" aria-label="Toggle social share">
  <i class="fas fa-share-alt"></i>
</button>

<div class="offcanvas offcanvas-bottom surface" tabindex="-1" id="offcanvasSocialShare" aria-labelledby="offcanvasSocialShare">
  <div class="offcanvas-header">
    <h3 class="offcanvas-title">分享</h3>
    <button type="button" class="btn btn-sm btn-outline-primary" data-bs-dismiss="offcanvas" aria-label="Close">
      <i class="fas fa-times"></i>
    </button>
  </div>
  <div class="offcanvas-body">
    <a class="btn btn-sm btn-outline-primary social-share-button" rel="noopener noreferrer" aria-label="Twitter Share Button"
      target="_blank" href="https://connect.qq.com/widget/shareqq/index.html?title=%e6%95%99%e7%a8%8b&url=%2fcategories%2f%25E6%2595%2599%25E7%25A8%258B%2f">
      <i class="fab fa-fw fa-qq "></i> QQ
    </a>
    <a class="btn btn-sm btn-outline-primary social-share-button" rel="noopener noreferrer" aria-label="Facebook Share Button"
      target="_blank" href="https://service.weibo.com/share/share.php?u=%2fcategories%2f%25E6%2595%2599%25E7%25A8%258B%2f">
      <i class="fab fa-fw fa-weibo"></i> 微博
    </a>
  </div>
</div>
    <button class="navbar-settings" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasSettings"
  aria-controls="offcanvasSettings" aria-label="Toggle settings">
  <i class="fas fa-ellipsis-v"></i>
</button>

<div class="offcanvas offcanvas-end surface h-100" tabindex="-1" id="offcanvasSettings" aria-labelledby="offcanvasSettings">
  <div class="offcanvas-header">
    <h3 class="offcanvas-title">设置</h3>
    <button type="button" class="btn btn-sm btn-outline-primary" data-bs-dismiss="offcanvas" aria-label="Close">
      <i class="fas fa-times"></i>
    </button>
  </div>
  <div class="offcanvas-body">

<section class="setting">
  <form class="row">
    <div class="col-auto">
      <label><i class="fas fa-fw fa-adjust"></i> 模式</label>
    </div>
    <div class="col-auto ms-auto">
      <div class="form-check form-switch">
        <input class="form-check-input" type="checkbox" id="modeSwitcher">
      </div>
    </div>
  </form>
</section>

<section class="setting">
  <form class="font-size-switcher-form row">
    <div class="col-auto">
      <label for="fontSize" class="form-label"><i class="fas fa-fw fa-font"></i> 字体大小</label>
    </div>
    <div class="col-auto ms-auto">
      <input type="range" class="form-range" min="-2" max="2" id="fontSize">
    </div>
  </form>
</section>



</div>
</div>

    <div class="collapse navbar-collapse" tabindex="-1" id="navbarSupportedContent" aria-labelledby="navbarSupportedContent">
      <form class="search-bar my-1" action="/search">
  <div class="input-group input-group-sm">
    <span class="btn btn-search disabled position-absolute left-0"><i class="fas fa-fw fa-search"></i></span>
    <input class="form-control rounded-pill" name="q" type="search" aria-label="Search">
  </div>
</form>
      <ul class="navbar-nav ms-auto"><li class="nav-item">
          <a class="nav-link" href="/archives/">
            <i class="fas fa-fw fa-file-archive"></i>归档
          </a>
        </li><li class="nav-item">
          <a class="nav-link" href="/categories/">
            <i class="fas fa-fw fa-folder"></i>分类
          </a>
        </li><li class="nav-item">
          <a class="nav-link" href="/tags/">
            <i class="fas fa-fw fa-tags"></i>标签
          </a>
        </li><li class="nav-item">
          <a class="nav-link" href="/series/">
            <i class="fas fa-fw fa-columns"></i>专栏
          </a>
        </li></ul>
    </div>
  </div>
</nav>
</header>
language-fallback hljs xml
<main role="main" class="container">
      <div class="row content">
<div class="col-lg-8">
  <div class="container"><nav class="row card component" aria-label="breadcrumb">
  <div class="card-body">
    <ol class="breadcrumb "><li class="breadcrumb-item"><a href="/">主页</a></li><li class="breadcrumb-item"><a href="/categories/">分类</a></li><li class="breadcrumb-item active">教程</li></ol>
  </div>
</nav><div class="posts mb-4"><article class="row card post component">
      <div class="card-body">
        <h2 class="card-title post-title"><a href="/posts/markdown%E4%BD%BF%E7%94%A8%E8%AF%AD%E6%B3%95/">Markdown使用语法
</a></h2><div class="post-meta"><span class="post-date" title="created on">
    <i class="fas fa-fw fa-calendar-alt"></i>2021-10-02
  </span><span class="post-reading-time" title="reading time">
    <i class="fas fa-fw fa-coffee"></i>2 分钟阅读
  </span><a href="/categories/%E6%95%99%E7%A8%8B/" class="badge rounded-pill text-white bg-primary post-taxonomy">教程</a><a href="/series/manual/" class="badge rounded-pill text-white bg-primary post-taxonomy">Manual</a><a href="/tags/markdown/" class="badge rounded-pill text-white bg-primary post-taxonomy">Markdown</a><a href="/tags/css/" class="badge rounded-pill text-white bg-primary post-taxonomy">CSS</a><a href="/tags/html/" class="badge rounded-pill text-white bg-primary post-taxonomy">HTML</a></div>
<div class="post-summary">
          
          <img class="img-fluid" alt="markdown使用语法" src="https://yichenblog-picture.oss-cn-hongkong.aliyuncs.com/postsImages/%e4%ba%91%e6%9c%8d%e5%8a%a1%e5%99%a8%e4%b8%8a%e6%90%ad%e5%bb%basolo%e5%8d%9a%e5%ae%a2/markdown.png" loading="lazy"
  
   />

          
          本文提供了可用于 Hugo 内容文件的基本 Markdown 语法示例，还展示了基本 HTML 元素是否在 Hugo 主题中使用 CSS 装饰 1、标题 以下 HTML&lt;h1&gt;—&lt;h6
        </div>
      </div>
    </article></div><div class="row table-responsive mb-3"></div>
</div>

</div><aside class="col-lg-4 sidebar d-flex">
  <div class="container">
    
    <section class="card row text-center profile component">
  <div class="card-body">
    <div class="col-12 d-flex align-items-center justify-content-center"><img class="profile-avatar rounded-circle" alt="Yi Chen" src="https://yichenblog-picture.oss-cn-hongkong.aliyuncs.com/avatar/profile.jpeg" loading="lazy"
  
   />
</div>
    <div class="col-12 profile-meta"><div class="profile-name">Yi Chen</div><div class="profile-bio">好记性不如烂笔头.</div><div class="profile-company"><i class="fas fa-fw fa-building"></i>无</div><div class="profile-location"><i class="fas fa-fw fa-map-marker-alt"></i>福州</div>


</div>
  </div>
</section>
  <section class="featured-posts row card component">
    <div class="card-body">
      <h2 class="card-title">精选文章</h2>
      <ul><li><a href="/posts/markdown%E4%BD%BF%E7%94%A8%E8%AF%AD%E6%B3%95/">Markdown使用语法
</a></li><li><a href="/posts/%E9%98%BF%E9%87%8C%E4%BA%91ecs%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%90%AD%E5%BB%BAsolo%E5%8D%9A%E5%AE%A2%E7%B3%BB%E7%BB%9F/">云服务器上搭建solo博客
</a></li></ul>
    </div>
  </section><section class="recent-posts row card component">
  <div class="card-body">
    <h2 class="card-title">最近文章</h2>
    <ul><li><a href="/posts/markdown%E4%BD%BF%E7%94%A8%E8%AF%AD%E6%B3%95/">Markdown使用语法
</a></li><li><a href="/posts/%E9%98%BF%E9%87%8C%E4%BA%91ecs%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%90%AD%E5%BB%BAsolo%E5%8D%9A%E5%AE%A2%E7%B3%BB%E7%BB%9F/">云服务器上搭建solo博客
</a></li></ul>
  </div>
</section><section class="taxonomies row card component">
      <div class="card-body">
        <h2 class="card-title">
          <a href="/categories">分类</a>
        </h2>
        <div><a href="/categories/%E5%8E%86%E5%8F%B2/" class="badge bg-primary text-white rounded post-taxonomy" title="历史">
            历史
          </a><a href="/categories/%E6%95%99%E7%A8%8B/" class="badge bg-primary text-white rounded post-taxonomy" title="教程">
            教程
          </a><a href="/categories/%E7%A7%91%E6%8A%80/" class="badge bg-primary text-white rounded post-taxonomy" title="科技">
            科技
          </a></div>
      </div>
    </section><section class="taxonomies row card component">
      <div class="card-body">
        <h2 class="card-title">
          <a href="/series">专栏</a>
        </h2>
        <div><a href="/series/manual/" class="badge bg-primary text-white rounded post-taxonomy" title="Manual">
            Manual
          </a></div>
      </div>
    </section><section class="taxonomies row card component">
      <div class="card-body">
        <h2 class="card-title">
          <a href="/tags">标签</a>
        </h2>
        <div><a href="/tags/css/" class="badge bg-primary text-white rounded post-taxonomy" title="CSS">
            CSS
          </a><a href="/tags/html/" class="badge bg-primary text-white rounded post-taxonomy" title="HTML">
            HTML
          </a><a href="/tags/markdown/" class="badge bg-primary text-white rounded post-taxonomy" title="Markdown">
            Markdown
          </a><a href="/tags/solo/" class="badge bg-primary text-white rounded post-taxonomy" title="solo">
            solo
          </a><a href="/tags/%E5%8D%9A%E5%AE%A2/" class="badge bg-primary text-white rounded post-taxonomy" title="博客">
            博客
          </a><a href="/tags/%E6%9C%8D%E5%8A%A1%E5%99%A8/" class="badge bg-primary text-white rounded post-taxonomy" title="服务器">
            服务器
          </a></div>
      </div>
    </section>
    
  </div>
</aside>
</div>
    </main><footer class="footer mt-auto py-3 text-center container"><nav class="social-links nav my-2 justify-content-center"><a class="nav-link social-link" href="mailto:user@domain.tld" title="Email">
      <i class="fas fa-fw fa-2x fa-envelope"></i>
    </a><a class="nav-link social-link" target="_blank" href="https://github.com/yourgithubusername" title="GitHub" rel="noopener noreferrer">
        <i class="fa-fw fa-2x fab fa-github"></i>
      </a><a class="nav-link social-link" target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=yourqqnumber&amp;site=qq&amp;menu=yes" title="QQ" rel="noopener noreferrer">
        <i class="fa-fw fa-2x fab fa-qq"></i>
      </a><a class="nav-link social-link" target="_blank" href="https://weibo.com/yourweibousername" title="Weibo" rel="noopener noreferrer">
        <i class="fa-fw fa-2x fab fa-weibo"></i>
      </a><a class="nav-link social-link" target="_blank" href="https://www.zhihu.com/people/yourzhihuusername" title="Zhihu" rel="noopener noreferrer">
        <i class="fa-fw fa-2x fab fa-zhihu"></i>
      </a>
</nav>
<div class="copyright mb-2">
  忆尘博客 © 2021-2021 Yi Chen. 版权所有.
</div>
</footer>
<script src="/js/bundle.min.aaf9de812178b4f40dc4286cb6fb98836c4179db053447486c7118ca8030fc67.js" integrity="sha256-qvnegSF4tPQNxChstvuYg2xBedsFNEdIbHEYyoAw/Gc=" crossorigin="anonymous" defer></script><script defer src="/js/viewer.min.9f39f897757e616b3f6faf1d7955ea42a180a4e71d898e80f1c13d45e59b9abb.js" integrity="sha256-nzn4l3V&#43;YWs/b68deVXqQqGApOcdiY6A8cE9ReWbmrs=" crossorigin="anonymous"></script><script defer src="/js/katex.min.9ff0aa3994263922ea3921ebb0b7f1d78f598fcfd5e18cf24209b21f92866bf6.js" integrity="sha256-n/CqOZQmOSLqOSHrsLfx149Zj8/V4YzyQgmyH5KGa/Y=" crossorigin="anonymous"></script><script defer src="/js/mermaid.min.c088c5b7c67c68fcb93f6c09f3a20e733e0ec93efd47cd58530f5d912af24afc.js" integrity="sha256-wIjFt8Z8aPy5P2wJ86IOcz4OyT79R81YUw9dkSrySvw=" crossorigin="anonymous"></script>













































































































</body>
</html>
